<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Api列表页</title>
    <!-- 1.重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 2.公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 3.当前样式 -->
    <link rel="stylesheet" href="../css/apiIndex.css">
</head>

<body>

    <!-- 头部header -->
    <div class="head clearfix mw1200">
        <h1 class="head-left fl">
            <img src="../imgs/loginlogo.png" alt="">
        </h1>
        <div class="head-middle fl">
            <ul class="head-nav">
                <li><a href="./home.html">首页</a></li>
                <li class="active"><a href="#">API</a></li>
                <li><a href="">云服务</a></li>
                <li><a href="./customer.html">案例</a></li>
                <li><a href="#">开发者</a></li>
            </ul>
        </div>
        <div class="head-right fr clearfix">
            <a class="register" href="./register.html">注册有礼</a>
            <a class="logoin" href="./logoin.html">登录</a>
        </div>
    </div>

    <!-- banner部分 -->
    <div class="classfy container">
        <div class="api-nav clearfix">
            <h2>API分类</h2>
            <div class="nav-box1 clearfix">
                <!--            <a class="nav-text" href="javascript:">全部</a>
                <a class="nav-text" href="javascript:">生活服务</a>
                <a class="nav-text" href="javascript:">金融科技</a>
                <a class="nav-text" href="javascript:">交通地理</a>
                <a class="nav-text" href="javascript:">充值缴费</a>
                <a class="nav-text" href="javascript:">数据智能</a>
                <a class="nav-text" href="javascript:">企业工商</a>
                <a class="nav-text" href="javascript:">应用开发</a>
                <a class="nav-text" href="javascript:">电子商务</a>
                <a class="nav-text" href="javascript:">吃喝玩乐</a>
                <a class="nav-text" href="javascript:">文娱视频</a>
                <a class="nav-text fwd" href="javascript:">免费接口大全</a>
                <a class="nav-text" href="javascript:">短信</a>
                <a class="nav-text" href="javascript:">汽车</a>
                <a class="nav-text" href="javascript:">核验</a>
                <a class="nav-text fwd" href="javascript:">最新发布</a>
                <a class="nav-text fwd" href="javascript:">API私有化部署</a> -->
            </div>
        </div>

        <div class="content-nav clearfix">
            <h4 class="searchText fl">全部</h4>
            <div class="nav-box">
                <input class="navtext" type="text" placeholder="身份证实名">
                <a href="#"><img class="imgs" src="../imgs/magnifier.png" alt=""></a>
            </div>
        </div>

        <div class="content-box clearfix">
   <!--          <div class="min-box">
                <p class="company">企业专用</p>
                <div class="titlebox">
                    <img src="../imgs/API_01.jpg" alt="">
                    <p class="title">2021出行防疫政策指南</p>
                    <span class="green money">免费</span>
                </div>
                <a href="javascript:" id="btn" class="btn">申请数据</a>
            </div> -->
            <!--             <div class="min-box">
                <div class="titlebox">
                    <img src="../imgs/API_02.jpg" alt="">
                    <p>身份证实名认证</p>
                    <span class="red money">￥0.200/次</span>
                </div>
                <a href="javascript:" id="btn" class="btn">申请数据</a>
            </div>
            <div class="min-box">
                <div class="titlebox">
                    <img src="../imgs/API_03.jpg" alt="">
                    <p>天气预报</p>
                    <span class="green money">免费</span>
                </div>
                <a href="javascript:" id="btn" class="btn">申请数据</a>
            </div>
            <div class="min-box">
                <div class="titlebox">
                    <img src="../imgs/API_04.jpg" alt="">
                    <p>银行卡四元素校检</p>
                    <span class="red money">￥0.3360/次</span>
                </div>
                <a href="javascript:" id="btn" class="btn">申请数据</a>
            </div>
            <div class="min-box">
                <div class="titlebox">
                    <img src="../imgs/API_05.jpg" alt="">
                    <p>短信API服务</p>
                    <span class="red money">￥0.0400/次</span>
                </div>
                <a href="javascript:" id="btn" class="btn">申请数据</a>
            </div> -->
            <!--             <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_01.jpg" alt="">
                        <p>2021出行防疫政策指南</p>
                        <span class="green money">免费</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_02.jpg" alt="">
                        <p>身份证实名认证</p>
                        <span class="red money">￥0.200/次</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_03.jpg" alt="">
                        <p>天气预报</p>
                        <span class="green money">免费</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_04.jpg" alt="">
                        <p>银行卡四元素校检</p>
                        <span class="red money">￥0.3360/次</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_05.jpg" alt="">
                        <p>短信API服务</p>
                        <span class="red money">￥0.0400/次</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>

                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_01.jpg" alt="">
                        <p>2021出行防疫政策指南</p>
                        <span class="green money">免费</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_02.jpg" alt="">
                        <p>身份证实名认证</p>
                        <span class="red">￥0.200/次</span>
                        <a href="javascript:" id="btn" class="btn">申请数据</a>
                    </div>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_03.jpg" alt="">
                        <p>天气预报</p>
                        <span class="green money">免费</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_04.jpg" alt="">
                        <p>银行卡四元素校检</p>
                        <span class="red money">￥0.3360/次</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_05.jpg" alt="">
                        <p>短信API服务</p>
                        <span class="red money">￥0.0400/次</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>

                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_01.jpg" alt="">
                        <p>2021出行防疫政策指南</p>
                        <span class="green money">免费</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_02.jpg" alt="">
                        <p>身份证实名认证</p>
                        <span class="red money">￥0.200/次</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_03.jpg" alt="">
                        <p>天气预报</p>
                        <span class="green money">免费</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_04.jpg" alt="">
                        <p>银行卡四元素校检</p>
                        <span class="red money">￥0.3360/次</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
                <div class="min-box">
                    <div class="titlebox">
                        <img src="../imgs/API_05.jpg" alt="">
                        <p>短信API服务</p>
                        <span class="red money">￥0.0400/次</span>
                    </div>
                    <a href="javascript:" id="btn" class="btn">申请数据</a>
                </div>
 -->
        </div>
    </div>


    <!-- 模态框 -->
    <div class="mask">
        <div class="model clearfix">
            <h2><img src="../imgs/loginlogo.png" alt=""></h2>
            <div class="headtext">
                <a id="active" class="logo active" href="JavaScript:">账号登录</a>
                <a class="regist" href="JavaScript:">扫码登录</a>
            </div>
                <div class="logobox">
                    <div class="usermes clearfix">
                        <div class="username">
                            <input class="user" type="text" placeholder="用户名/手机号/邮箱">
                            <img class="userclear" src="../imgs/clearInput.png" alt="">
                            <span class="usericon"></span>
                            <span class="useralert">xxx</span>
                        </div>
                        <div class="password">
                            <input class="pwd" type="password" placeholder="密码">
                            <img class="pwdclear" src="../imgs/clearInput.png" alt="">
                            <span class="pwdicon"></span>
                            <span class="pwdalert">xxx</span>
                        </div>
                        <p class="fr forget">忘记密码</p>
                    </div>
                    <button class="logobtn"><a href="#">登录</a></button>
                    <p class="text fr">还没有账号,<span><a href="#">立即注册</a></span><a href="#" class="registIcon"></a></p>
                </div>
                <div class="registbox">
                    <div>
                        <img src="../imgs/showqrcode.jpg" alt="">
                        <p>微信扫码登录</p>
                        <p>未关注源码科技公众号,请先关注后再登录</p>
                    </div>
                    <p class="retext fl">还没有源码账号,<span><a href="#">立即注册</a></span><a href="#" class="registIcon"></a>
                    </p>
                </div>
          </div>
    </div>


    <!-- 页码 -->
    <div class="page">
        <a class="first" href="#">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <a href="#">6</a>
        <a href="#">7</a>
        <a href="#">8</a>
        <a href="#">...</a>
        <a class="last" href="#">下一页 ></a>
    </div>

    <!-- 页尾 -->
    <div class="footerbox">
        <div class="footer container clearfix">
            <ul>
                <li class="active">联系与支持</li>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <ul>
                <li class="active">关于源码</li>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <ul>
                <li class="active">快速入口</li>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <ul>
                <li class="active">产品服务</li>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <ul>
                <li class="active">解决方案</li>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <div class="qrcode fr">
                <p class="text">微信公众号</p>
                <p class="name">源码时代</p>
                <p><img src="../imgs/wechat-white.png" alt=""></p>
            </div>
            <div class="bottom-left">
                <img src="../imgs/bei1.png" alt="">
                <img src="../imgs/bei2.png" alt="">
                <span>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
            </div>
            <div class="bottom-right">
                <p>源码大数据股份有限公司©版权所有</p>
            </div>
        </div>
    </div>

    <!-- 当前js文件 -->
    <script src="../js/apiIndex.js"></script>
</body>

</html>